<template>
<div>
  <table>

    <tr>
      <th>故障信息</th>
      <th>故障地址</th>
      <th>故障类型</th>
      <th>教师号</th>
      <th>教师姓名</th>
    </tr>

    <tr v-for="r in repairTeacher">
      <td>{{r.repairInfo}}</td>
      <td>{{r.repairPath}}</td>
      <td>{{r.repairType}}</td>
      <td>{{r.teacherId}}</td>
      <td>{{r.teacherName}}</td>
    </tr>

  </table>
</div>
</template>

<script>
export default {
  name: "Supervisor",
  created() {
    this.$ajax.get(base_url + "supervisor/list_teacher").then(response => {
      if (response.data.code == 200){
        this.repairTeacher = response.data.data
      }else {
        alert("没有报修数据")
      }
    })
  },
  methods: {
    handleClick(row) {
      console.log(row);
    }
  },

  data() {
    return {
     repairTeacher : ""
    }
  }
}

</script>

<style scoped>


table,th,td{
  border:1px solid black;
}
table{
  width:70%;
  margin: auto;
}
th{
  height:50px;
  text-align: center;
  background-color: #E7E7E7;
  font-size: 30px;
}
td{
  height:30px;
  width: 100px;
  font-family: "宋体";
  font-size: 20px;
  text-align:center;
  background-color: gainsboro;
}
</style>